今天是第五天,那我想要分享一下Vue.js 模板語法:插值
Vue.js使用了基於HTML的模板語法,所以可以將實際的資料數據渲染至文件物件模型(DOM)
#Text(文本插值)
數據綁定最基礎的形式,使用“Mustache” 語法(雙大括號)
<div>
{{message}}
</div>
Mustache 標籤會被message相對應的數據對象的值進行替換,當數據對象的屬性有變化時,它也會更新。
#Raw HTML
Mustache 標籤將數據解析為純文本而不是HTML。我們可以使用triple mustaches
,這樣就能輸出HTML字符串
<div>{{{message}}}</div>
#Attributes
Mustache 標籤也可以用在HTML attributes 內:
<div id="app_{{msg}}">
</div>
最後我們要注意在Vue的指令(directives)與special attributes中無法使用插值
插值就先分享到這邊,我們第六天見